<ion-header>
  <ion-navbar>
    <ion-title>请假</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">申请信息</span>
    </ion-list-header>
    <ion-item>
        <span class="bhq-title">部门: </span>
        <span class="bhq-content">{{gzqjgl.editRow.szdw}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">姓名: </span>
        <span class="bhq-content">{{gzqjgl.editRow.qjrxm}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">请假类型: </span>
        <span class="bhq-content">{{gzqjgl.editRow.qjlxname}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">申请事由: </span>
        <span class="bhq-content">{{gzqjgl.editRow.sqsy}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">开始时间: </span>
        <span class="bhq-content">{{gzqjgl.editRow.kssj | asDate}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">开始时段: </span>
        <span class="bhq-content">{{gzqjgl.editRow.sjsjjdname}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">结束时间: </span>
        <span class="bhq-content">{{gzqjgl.editRow.jssj | asDate}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">结束时段: </span>
        <span class="bhq-content">{{gzqjgl.editRow.jssjjdname}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">请假天数: </span>
        <span class="bhq-content">{{gzqjgl.editRow.qjts}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">申请日期: </span>
        <span class="bhq-content">{{gzqjgl.editRow.sqrq | date:'yyyy-MM-dd HH:mm:ss'}}</span>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzqjgl.editRow.qjts !=null && gzqjgl.editRow.qjts<3  && gzqjgl.editRow.bpmkey=='qjgl'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">部门领导签批</span>
    </ion-list-header>
    <div *ngIf="gzqjgl.process.usertask2!=null">
      <div *ngFor="let item of  gzqjgl.process.usertask2.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzqjgl.process.usertask2.editRow!=null && gzqjgl.proauth.bmldsp && gzqjgl.process.usertask2.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzqjgl.process.usertask2.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzqjgl.editRow.qjts !=null && gzqjgl.editRow.qjts>=3 && gzqjgl.editRow.bpmkey=='qjgl'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">科室签批</span>
    </ion-list-header>
    <div *ngIf="gzqjgl.process.usertask3!=null">
      <div *ngFor="let item of  gzqjgl.process.usertask3.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzqjgl.process.usertask3.editRow!=null && gzqjgl.proauth.kssh  && gzqjgl.process.usertask3.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzqjgl.process.usertask3.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="(gzqjgl.editRow.qjts !=null && gzqjgl.editRow.qjts>=3 && gzqjgl.editRow.bpmkey=='qjgl') || gzqjgl.editRow.bpmkey=='qjgl_kjgb'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">分管领导签批</span>
    </ion-list-header>
    <div *ngIf="gzqjgl.process.usertask4!=null">
      <div *ngFor="let item of  gzqjgl.process.usertask4.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" style="height:50px !important" *ngIf="gzqjgl.process.usertask4.editRow!=null && gzqjgl.proauth.fgldsp  && gzqjgl.process.usertask4.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzqjgl.process.usertask4.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="(gzqjgl.editRow.bpmkey=='qjgl_jjgb' || (gzqjgl.editRow.qjts !=null && gzqjgl.editRow.qjts>7)) && gzqjgl.editRow.bpmkey!='qjgl_jz'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">局领导审核</span>
    </ion-list-header>
    <div *ngIf="gzqjgl.process.usertask5!=null">
      <div *ngFor="let item of  gzqjgl.process.usertask5.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" style="height:50px !important" *ngIf="gzqjgl.process.usertask5.editRow!=null && gzqjgl.proauth.jldsp  && gzqjgl.process.usertask5.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzqjgl.process.usertask5.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>
</ion-content>

<ion-footer class="bhq-bpm-button">
  <div class="footer-btn" *ngIf="gzqjgl.auth.opt_th" (click)="gzqjgl.getBackTask(null,null);">
    <ion-icon name="arrow-dropleft-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>退回</p>
  </div>
  <div class="footer-btn" *ngIf="gzqjgl.auth.opt_bc" (click)="gzqjgl.bpmSave(null);">
    <ion-icon name="lock" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>保存</p>
  </div>
  <div class="footer-btn" *ngIf="gzqjgl.auth.opt_tj" (click)="gzqjgl.getNextTask(null,null);">
    <ion-icon name="arrow-dropright-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>通过</p>
  </div>
  <!-- <div class="footer-more" (click)="goProcessPage();">...</div> -->
  <div class="footer-btn" (click)="goProcessPage();">
    <ion-icon name="keypad" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>更多</p>
</div>
</ion-footer>